.account-container {
  .user_info_wrap {
    height: 35vh;
    overflow: hidden;
    //   background-color: var(--themeColor);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    .user_img_wrap {
      position: relative;
      // .user_bg {
      //   height: 50vh;
      //   // 高斯模糊
      //   filter: blur(10rpx);
      // }
      // border: 1px solid #000;
      .user_info {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 20%;
        text-align: center;
        .user_icon {
          width: 150rpx;
          height: 150rpx;
          border-radius: 50%;
          //   border: 1px solid #000;
        }
        .user_name {
          color: #000;
          margin-top: 40rpx;
          // font-size: 40rpx;
        }
      }
    }
    .user_btn {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .user_content {
    position: relative;
    .user_main {
      padding-bottom: 100rpx;
      color: #000;
      position: absolute;
      width: 90%;
      left: 50%;
      transform: translateX(-50%);
      top: -40rpx;
      .orders_wrap {
        background-color: #fff;
        .serviceImg {
          width: 70rpx;
          height: 70rpx;
        }
        .orders_title {
          padding: 20rpx;
          border-bottom: 1rpx solid #ccc;
          font-size: 40rpx;
          font-weight: 500;
        }
        .order_content {
          display: flex;
          margin-top: 20rpx;

          navigator {
            padding: 15rpx 0;
            flex: 1;
            text-align: center;
            .iconfont {
              font-size: 40rpx;
              margin-bottom: 20rpx;
            }
            .order_name {
              color: #ccc;
              font-size: 25rpx;
              margin-top: 10rpx;
            }
          }
        }
      }
    }
  }

  .service_content {
    position: relative;
    top: 300rpx;
    .user_main {
      padding-bottom: 100rpx;
      color: #000;
      position: absolute;
      width: 90%;
      left: 50%;
      transform: translateX(-50%);
      top: -40rpx;
      .orders_wrap {
        background-color: #fff;
        .serviceImg {
          width: 70rpx;
          height: 70rpx;
        }
        .orders_title {
          padding: 20rpx;
          // border-bottom: 1rpx solid #ccc;
          font-size: 40rpx;
          font-weight: 500;
        }
        .order_content {
          display: flex;
          margin-top: 20rpx;
          // flex-flow: row wrap;
          justify-content: space-around;
          flex-direction: column;

          .choose {
            flex: 1;
          }
          navigator {
            flex: 0 0 25%;
            padding: 15rpx 0;
            text-align: center;
            margin-top: 15rpx;

            .iconfont {
              font-size: 40rpx;
              margin-bottom: 20rpx;
            }
            .order_name {
              color: #ccc;
              font-size: 25rpx;
              margin-top: 10rpx;
            }
          }
        }
      }
    }
  }
}
